<!DOCTYPE html>
<head>
	<title>控制台</title>
	<link href="css/style.css" type="text/css" rel="stylesheet">
	<script language="javascript" src="../js/jquery-1.8.3.min.js"></script>
</head>
<body>
	<div class="console">
		<div class="header">
			<button onclick="turn_to(0)">名单</button>
			<button onclick="turn_to(1)">奖品</button>
			<button onclick="turn_to(2)">抽奖</button>
			<button onclick="turn_to(3)">导出</button>
			<button onclick="turn_to(4)">返回</button>
		</div>
		<div class="now"></div>
		<button class="add" id="add_prize" onclick="add()">添加奖品</button>
		<button class="add" id="add_event" onclick="add_event()">添加抽奖事件</button>
		<button class="add" id="add_special" onclick="special()">启动比例限制</button>
		<button class="add" id="cancel_special" onclick="cancel_special()">取消比例限制</button>
		<div class="prize">
			<div class="item">				
				<button class="name">奖品名</button>
				<button class="rank">等级</button>
				<button class="amount">数量</button>
			</div>
			<div class="content"></div>
		</div>
		<div class="list">
			<div class="item">
				<button class="no">编号</button>
				<button class="name">姓名</button>
				<button class="state">中奖情况</button>
			</div>
			<div class="people"></div>
		</div>
		<div class="event">
			<div class="item">
				<button class="id">次序</button>
				<button class="rank">等级</button>
				<button class="amount">抽取数量</button>
			</div>
			<div class="event_list"></div>
		</div>
		<div class="output">
			<div class="hint">导出当前抽奖结果。若需清空请在抽奖页面输入处输入clear命令。</div>
			<button onclick="output()">导出</button>
		</div>
	</div>
	<div class="add_page" id="add_page_prize">
		<div class="info">
			<div class="title">添加一个奖品</div>
			<div class="input">
				<div class="item">
					<div class="tmp">
						<button class="text">名称：</button>
						<input type="text" class="input_zone" id="name"></input>
					</div>
				</div>
				<div class="item">
					<div class="tmp">
						<button class="text">等级：</button>
						<input type="text" class="input_zone" id="rank"></input>
					</div>
				</div>
				<div class="item">
					<div class="tmp">
						<button class="text">数量：</button>
						<input type="text" class="input_zone" id="amount"></input>
					</div>
				</div>
			</div>
			<div class="button_region">
				<button class="bt" id="enter" onclick="enter(0)">确认</button>
				<button class="bt "id="cancel" onclick="cancel()">取消</button>
			</div>
		</div>
	</div>
	<div class="add_page" id="add_page_event">
		<div class="info">
			<div class="title">添加一次抽奖</div>
			<div class="input">
				<div class="item">
					<div class="tmp">
						<button class="text">次序：</button>
						<input type="text" class="input_zone" id="event_id"></input>
					</div>
				</div>
				<div class="item">
					<div class="tmp">
						<button class="text">等级：</button>
						<input type="text" class="input_zone" id="event_rank"></input>
					</div>
				</div>
				<div class="item">
					<div class="tmp">
						<button class="text">抽取数量：</button>
						<input type="text" class="input_zone" id="event_amount"></input>
					</div>
				</div>
			</div>
			<div class="button_region">
				<button class="bt" id="enter" onclick="enter(1)">确认</button>
				<button class="bt "id="cancel" onclick="cancel()">取消</button>
			</div>
		</div>
	</div>
	<script language="javascript" src="./js/script.js"></script>
	<script language="javascript" src="./js/init.js"></script>
</body>